<script>
export default {
  name: "detail_component",
  beforeDestroy() {
    console.log(this);
  },
  mounted() {
    console.log(this);
  },
}
</script>

<template>
<div>
  <ul>
    <li>id：{{$route.query.id}}</li>
    <li>标题：{{$route.query.title}}</li>
    <li>内容：{{$route.query.content}}</li>
    <li>作者：{{$route.query.author}}</li>
    <li>日期：{{$route.query.date}}</li>
  </ul>
</div>
</template>

<style scoped>

</style>